<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
	<h:head>
		<script type="text/javascript" src="../../Calendrier.js"></script>
		<f:facet name="first">
			<meta http-equiv="Content-type" content='text/html;charset=UTF-8' />
			<h:outputStylesheet library="default" name="css/journal.css" />
			<title><ui:insert name="title">Journal-manager</ui:insert></title>
		</f:facet>
	</h:head>
	<h:body>
		<p:ajaxStatus onstart="PF('statusDialog').show()"
			onsuccess="PF('statusDialog').hide()" />
		<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
			closable="false" resizable="false" showHeader="false">
			<p:graphicImage name="/default/images/ajaxloadingbar.gif" />
		</p:dialog>

		<p:layout fullPage="true">
			<!-- <p:layoutUnit position="north" size="100" styleClass="top"
				collapsible="true">

			</p:layoutUnit> -->

			<p:layoutUnit position="south" size="30" collapsible="true"
				styleClass="bottom">
				<a href="../../logout.jsp">Deconnexion</a>
				<p:outputPanel>
                        		© 2014 Journal-Manager 1.0.
                    		</p:outputPanel>
			</p:layoutUnit>

			<p:layoutUnit position="west" styleClass="menu" size="250"
				header="Menu" collapsible="true">
				<h:form enctype="multipart/form-data" prependId="false">
					<p:panelMenu styleClass="panelMenu">
						<p:submenu label="Journal">
							<p:menuitem value="Sujet" outcome="save-sujet.xhtml"
								icon="ui-icon-disk" styleClass="label" ajax="true" />
							<p:menuitem value="Numéro" outcome="save-numero.xhtml"
								icon="ui-icon-disk" styleClass="label" ajax="true" />
							<p:menuitem value="Journaliste" outcome="save-journaliste.xhtml"
								icon="ui-icon-disk" styleClass="label" ajax="true" />
							<p:menuitem value="Personnalité" icon="ui-icon-disk"
								styleClass="label" outcome="save-personnalite.xhtml" ajax="true" />
							<p:menuitem value="Article" icon="ui-icon-disk"
								styleClass="label" outcome="save-article.xhtml" ajax="true" />
							<p:menuitem value="Contrat" icon="ui-icon-disk"
								styleClass="label" outcome="save-journaliste-journal.xhtml"
								ajax="true" />
							<p:menuitem value="Journal" icon="ui-icon-disk"
								styleClass="label" outcome="save-journal.xhtml" ajax="true" />
							<p:menuitem value="Interview" icon="ui-icon-disk"
								styleClass="label" outcome="save-journaliste-personnalite.xhtml"
								ajax="true" />
						</p:submenu>

						<p:submenu label="Edition">
							<p:menuitem value="Detail des articles"
								outcome="article-detail.xhtml" icon="ui-icon-key"
								styleClass="label" ajax="true" />

							<p:menuitem value="Liste des Articles par journaliste"
								outcome="journaliste-article-liste.xhtml" icon="ui-icon-key"
								styleClass="label" ajax="true" />
						</p:submenu>

					</p:panelMenu>
				</h:form>
			</p:layoutUnit>
			<!--
                <p:layoutUnit position="east" size="250" header="Options" collapsible="true" style="border-style: outset;font: icon; border-radius: 10px">

                </p:layoutUnit>
                -->
			<p:layoutUnit position="center" styleClass="center"
				header="JOURNAL-MANAGER" collapsible="false" resizable="true">
				<ui:insert name="content">
                        		Welcome to PrimeFaces
				</ui:insert>
			</p:layoutUnit>
		</p:layout>
	</h:body>
</f:view>
</html>

